import './index.css';
import { createRoot } from 'react-dom/client';
import { AppRouter } from './AppRouter';
// Add Google Fonts for the serif and sans-serif fonts
const linkElement = document.createElement('link');
linkElement.rel = 'stylesheet';
linkElement.href = 'https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600&family=Nunito:wght@300;400;500;600&display=swap';
document.head.appendChild(linkElement);

const container = document.getElementById('root');
if (container) {
  const root = createRoot(container);
  root.render(<AppRouter />);
}